<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的收藏</title>
    <link rel="stylesheet" href="./css/indent-collect.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon">


</head>

<body class="body">











    <!-- 头顶   ！！！！！！！！！！！！！！！！！-->
    <div class="head">
        <!-- 头部上部分 -->
        <div class="head-top">
            <div class="head-top-box">
                <!-- 头部左边部分  end -->
                <ul class="head-top-box-left">
                    <li>欢迎来到聚美!</li>
                    <span class="box-left-zhiz"><a href="">聚美至尊vip会员</a></span>
                    <span> [ <a class="box-left-tuic" href="">退出</a> ] </span>
                </ul>
                <!-- 头部左边部分  end -->
                <!-- 头部右边部分 -->
                <ul class="head-top-box-right">
                    <li>
                        <a href="">正品保证</a>
                    </li>
                    <li>
                        <a href="">订单查询</a>
                    </li>
                    <li>
                        <a href="">
                            <s class="head-top-box-right-xin"></s>
                            收藏的品牌
                        </a>
                    </li>
                    <li class="my-jumei" id="btn">
                        <a href="">
                            <s class="head-top-box-right-s"></s>
                            我的聚美
                        </a>
                        <div class="my-jumei-xiala">
                            <ul>
                                <li><a href="" class="my-jumei-xiala-a">我的订单</a></li>
                                <li><a href="" class="my-jumei-xiala-a">我的现金券</a></li>
                                <li><a href="" class="my-jumei-xiala-a">我的红包</a></li>
                                <li><a href="" class="my-jumei-xiala-a">我的余额</a></li>
                                <li><a href="" class="my-jumei-xiala-a">我的提现退款</a></li>
                                <li><a href="" class="my-jumei-xiala-a">我的收藏</a></li>
                                <li><a href="" class="my-jumei-xiala-a">我的心愿单</a></li>
                                <li><a href="" class="my-jumei-xiala-a">会员中心</a></li>
                                <li><a href="" class="my-jumei-xiala-a">礼品卡兑换</a></li>
                            </ul>
                        </div>
                    </li>

                    <li class="my-mobile">
                        <a href="">
                            <span class="line"></span>
                            <s class="my-mobile-icon"></s>
                            手机聚美
                        </a>
                    </li>


                    <li>
                        <span class="line"></span>
                    </li>
                    <li class="my-mobile-more" id="bot">
                        <a href="">
                            更多
                            <s class="my-mobile-more-s"></s>
                        </a>
                        <div class="my-mobile-caidan">
                            <ul>
                                <li><a href="" class="my-mobile-func">邀请好友</a></li>
                                <li><a href="" class="my-mobile-func">加入收藏</a></li>
                                <li><a href="" class="my-mobile-func">新浪微博</a></li>
                                <li><a href="" class="my-mobile-func">聚美微信</a></li>
                                <li><a href="" class="my-mobile-func">百度贴吧</a></li>
                                <li><a href="" class="my-mobile-func">腾讯微博</a></li>
                                <li><a href="" class="my-mobile-func">人人公众主页</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
        <!-- 头顶上部分 end -->

        <!-- 头顶中部分 -->
        <div class="head-center">
            <h1 class="head-center-logo">
                <a href=""></a>
            </h1>

            <!-- 搜索栏 -->

            <!-- 搜索栏end -->

            <div class="head-center-right">
                <a href="" class="head-center-right-img">
                    <img src="./image/cart.gif" alt="">
                    <span class="head-center-right-text">去购物车结算</span>
                    <span class="head-center-right-num"></span>
                    <s class="head-center-right-s"></s>
                </a>

            </div>
        </div>
        <!-- 头顶中部分 end -->





        <!-- 导航栏 -->
        <div class="head-bottom">
            <div class="head-bottom-box">
                <div class="head-bottom-box-list">
                    <!-- 导航栏 -->
                    <ul class="head-bottom-box-list-ul">
                        <li>
                            <a href="" class="home-page">首页</a>
                        </li>
                        <li>
                            <a href="" class="home-page">极速免税店</a>
                        </li>
                        <li>
                            <a href="" class="home-page">母婴特卖</a>
                        </li>
                        <li>
                            <a href="" class="home-page">美妆商城
                                <b></b>
                            </a>

                        </li>
                        <li>
                            <a href="" class="home-page">国际轻奢</a>
                        </li>
                        <li>
                            <a href="" class="home-page">服装运动</a>
                        </li>
                        <li>
                            <a href="" class="home-page">鞋包配饰</a>
                        </li>
                    </ul>
                    <!-- 导航栏end -->

                    <!-- 动画菜单 -->
                    <div></div>
                    <!-- 动画菜单 end ！！！！！！！！-->

                    <!-- 导航栏右边 ！！！！！！！！！！-->
                    <ul class="head-bottom-box-right">
                        <li>
                            <div class="security-code">
                                <a href="">
                                    <span></span>
                                    <b></b>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="security-code1-one">
                                <a href="">
                                    <span></span>
                                    <b></b>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="security-code-tow">
                                <a href="">
                                    <span></span>
                                    <b></b>
                                </a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
        <!-- 导航栏 end ！！！！！！！！！！！-->
    </div>

    <!-- 头顶end！！！！！！！！！！！！！！！！ -->

    <div class="centre">


        <!-- 左边部分！！ -->
        <div class="centre-left">
            <div class="centre-left-top">
                <a href="">
                    <img src="./image/lmk-touxiang.jpg" alt="">
                </a>
                <p class="centre-left-id">
                    <a href="">聚美至尊vip会员</a>
                </p>
                <p class="centre-left-di">
                    <a href="">究极至尊会员</a>
                </p>
                <p class="centre-left-fck">用户ID:393357327</p>
            </div>
            <h2 class="centre-left-me">
                <b></b>
                我的聚美
            </h2>


            <a class="centre-left-pot" href="./indent-order.html">
                <b></b>
                我的订单
            </a>
            <a class="centre-left-pot" href="./indent-wish.html">
                <b></b>
                我的心愿单
            </a>
            <a class="centre-left-pot" href="" style="background-color: #fff">
                <b></b>
                我的收藏
            </a>
            <a class="centre-left-pot" href="./indent-member.html">
                <b></b>
                我的会员等级
            </a>
            <a class="centre-left-pot" href="./indent-ticket.html">
                <b></b>
                我的现金券
            </a>
            <a class="centre-left-pot" href="./indent-packet.html">
                <b></b>
                我的红包
            </a>
            <a class="centre-left-pot" href="./indent-coin.html">
                <b></b>
                我的金币
            </a>
            <a class="centre-left-pot" href="">
                <b></b>
                我的尺码
            </a>
            <a class="centre-left-pot" href="">
                <b></b>
                订阅邮件短信
            </a>
            <h2 class="centre-left-me">
                <b></b>
                管理个人账户
            </h2>
            <a class="centre-left-pot" href="">
                <b></b>
                我的余额
            </a>
            <a class="centre-left-pot" href="">
                <b></b>
                我的提现退款
            </a>
            <a class="centre-left-pot" href="">
                <b></b>
                礼品卡兑换
            </a>
            <a class="centre-left-pot" href="">
                <b></b>
                设置账户信息
            </a>
            <a class="centre-left-pot" href="">
                <b></b>
                修改手机
            </a>
            <a class="centre-left-pot" href="">
                <b></b>
                绑定手机
            </a>
            <a class="centre-left-pot" href="">
                <b></b>
                管理实名认证
            </a>
            <a class="centre-left-pot" href="">
                <b></b>
                管理收获地址
            </a>
            <a class="centre-left-pot" href="">
                <b></b>
                绑定站外分析
            </a>
            <h2 class="centre-left-me">
                <b></b>
                售后服务
            </h2>
            <a class="centre-left-pot" href="">
                <b></b>
                我的售后服务
            </a>
            <a class="centre-left-pot" href="">
                <b></b>
                我的退货
            </a>
            <h2 class="centre-left-me">
                <b></b>
                聚美惊喜
            </h2>
            <a class="centre-left-pot" href="">
                <b></b>
                我的喜从何而来
            </a>

        </div>
        <!-- 左边部分end！！！！！！！！！！！！！！！！！！！！ -->



        <h1 class="centre-indent">
            <a href=""></a>
            我的心愿单
        </h1>

        <div class="centre-right">


            <div class="centre-right-body">


                <div class="centre-right-body-top">
                    收藏心仪的产品或品牌，方便你随时找到它们，也有助于根据你的收藏给你更加贴心的推荐
                </div>




                <div class="centre-right-body-nat">
                    <a href="javascript:;" class="centre-right-body-ding">我收藏的产品</a>
                    <a href="javascript:;">我收藏的品牌</a>

                </div>
            </div>


            <div class="centre-right-middle">
                <div style="display:block;">
                    <h2>您还有没收藏任何产品哦！</h2>
                </div>
                <div>
                    <h2>您还有没有收藏任何品牌哦！</h2>
                </div>


            </div>

        </div>

    </div>




    <div class="footer">
        <div class="common">
            <!-- footer-顶部 -->
            <div class="footer-top">
                <ul>
                    <li class="footer-top-one">
                        <a href=""></a>
                        <b>值得信赖美妆电商</b>
                        <br>
                        <span>四千万用户信赖</span>
                    </li>
                    <li class="footer-top-one  footer-top-two">
                        <a href=""></a>
                        <b>成功在美上市</b>
                        <br>
                        <span>股票代码NYSE:JMEI </span>
                    </li>
                    <li class="footer-top-one footer-top-three">
                        <a href=""></a>
                        <b>品牌防伪码</b>
                        <br>
                        <span>支持品牌官网验真</span>
                    </li>
                    <li class="footer-top-one footer-top-four">
                        <a href=""></a>
                        <b>30天无理由退货</b>
                        <br>
                        <span>只要不满意无理由退货</span>
                    </li>
                    <li class="footer-top-one footer-top-five">
                        <a href=""></a>
                        <b>百万用户口碑</b>
                        <br>
                        <span>帮你只选对的,不选贵的</span>
                    </li>
                    <li class="footer-top-one footer-top-six">
                        <a href=""></a>
                        <b>订单闪电发货</b>
                        <br>
                        <span>1.5小时订单急速出库</span>
                    </li>
                    <li class="footer-top-one footer-top-seven">
                        <a href=""></a>
                        <b>大牌明星热荐</b>
                        <br>
                        <span>打造精致明星脸</span>
                    </li>
                </ul>

            </div>

            <!-- 友情链接 -->
            <div class="footer-firend">
                <!--左边部分 -->
                <ul class="one-ul">
                    <li class="footer-one">
                        <h4>服务保障</h4>
                        <a href="#">品牌真品防伪码</a>
                        <a href="#">正品保证</a>
                        <a href="#">30天无条件退货</a>
                        <a href="#">专属客服服务</a>
                        <span>总裁邮箱ceo@jumei.com</span>
                    </li>
                    <li>
                        <h4>使用帮助</h4>
                        <a href="">新手指南</a>
                        <a href="">常见问题</a>
                        <a href="">帮助中心</a>
                        <a href="">用户协议</a>
                        <a href="">公示制度</a>
                    </li>
                    <li>
                        <h4>支付方式</h4>
                        <a href="">货到付款</a>
                        <a href="">在线支付</a>
                        <a href="">余额支付</a>
                        <a href="">现金券支付</a>
                    </li>
                    <li>
                        <h4>配送方式</h4>
                        <a href="">包邮政策</a>
                        <a href="">配送说明</a>
                        <a href="">运费说明</a>
                        <a href="">验货签收</a>
                    </li>
                    <li>
                        <h4>售后服务</h4>
                        <a href="">正品承诺</a>
                        <a href="">售后咨询</a>
                        <a href="">退货政策</a>
                        <a href="">退货办理</a>
                    </li>
                </ul>
                <!-- 右边部分 -->
                <div class="footer-right">
                    <ul>
                        <li>
                            <b>手机聚美</b>
                            <a href=""></a>
                            <span>下载移动客户端</span>
                        </li>
                        <li>
                            <b>聚美微信</b>
                            <a href=""></a>
                            <span>聚美官方微信</span>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <!-- 为自己代言 -->
        <div class="myself">
            <a href="#"></a>
        </div>
        <!-- 合作商 -->
        <div class="cooperation">
            <div class="common">
                <a href="">关于聚美优品</a>
                <a href="">INVESTOR RELATIONS</a>
                <a href="">合作招商</a>
                <a href="">获取更新</a>
                <a href="">加入聚美</a>
                <a href="">品牌合作专区</a>
                <a href="">网站联盟</a>
                <a href="">媒体报道</a>
                <a href="">商务合作</a>
            </div>
        </div>
        <!-- footer-底部 -->
        <div class="footer-bottom">
            <div class="common">
                <p>

                    COPYRIGHT © 2010-2018 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。
                    客服热线：400-123-8888
                </p>
                <p>
                    <span>京公网安备 11010102001226 | </span>
                    <a href="">京ICP证111033号|</a>
                    <a href="">食品经营许可证|</a>
                    <a href="">营业执照|</a>
                    <a href="">ICP许可证|</a>
                    <a href="">出版物经营许可证</a>
                </p>
                <p>
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                    <a href=""></a>
                    <a href="">
                        <img src="./image/footer-bottom.jpg" alt="">
                    </a>
                </p>
            </div>
        </div>
    </div>




</body>
<script src="./js/jquery-3.3.1.js"></script>
<script src="./js/indent-collect.js"></script>

</html>